<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8"/>
    <title>验证帐号</title>
    <link href="/static/images/logo.ico" type="image/x-icon" rel="shortcut icon"/>
    <link rel="stylesheet" href="../../static/css/common.css" th:href="${'/static/css/common.min.css?v='+version}"/>
    <link rel="stylesheet" href="../../static/css/icon.css" th:href="${'/static/css/icon.css?v='+version}"/>
    <link rel="stylesheet" href="../../static/css/font-awesome.min.css" th:href="${'/static/css/font-awesome.min.css?v='+version}"/>
    <link rel="stylesheet" href="../../static/css/user_style.css" th:href="${'/static/css/user_style.min.css?v='+version}"/>
</head>
<body>
<div class="header">
    <div class="user-title clearfix">
        <a th:href="${accountDomain}" class="fl">
            <img src="http://ytx-g3.oss-cn-shanghai.aliyuncs.com/default-image/logo.png?x-oss-process=image/resize,w_92" alt="logo"/>
        </a>
        <div class="right_sign">
            <a href="/login/index">登录</a>
            <span class="header-line"></span>
            <a th:href="${userDomain}">注册</a>
        </div>
    </div>
</div>
<div class="status1 show">
    <div class="user-body">
        <div class="step step1">
            <span class="step-text step1-text active">确认账号</span>
            <span class="step-text step2-text">选择验证方式</span>
            <span class="step-text step3-text">验证/修改</span>
            <span class="step-text step4-text">完成</span>
        </div>
        <div id="step1" class="bar-body">
            <div class="form">
                <div class="item-outer">
                    <div class="item" id="user-box">
                        <div class="input-con clearfix">
                            <i class="icon-password icon-user fl"></i>
                            <input type="text" class="text fl" id="userId" placeholder="用户名/手机号" th:value="${name ne null ? name : ''}"/>
                        </div>
                    </div>
                    <span id="userError"></span>
                </div>
                <div class="btn next" id="choose">下一步</div>
            </div>
        </div>
    </div>
</div>
<div class="status2">
    <div class="user-body">
        <div class="step step2">
            <span class="step-text step1-text">确认账号</span>
            <span class="step-text step2-text active">选择验证方式</span>
            <span class="step-text step3-text">验证/修改</span>
            <span class="step-text step4-text">完成</span>
        </div>
        <div class="user-tip">您正在为账户<span id="userName" data-mobile=""></span>重置登录密码,请选择重置方式</div>
        <div id="step2" class="bar-body">
            <div class="find-type" id="email-box">
                <div class="find-body clearfix">
                    <i class="icon-redfile fl"></i>
                    <div class="type fl">
                        <p class="blod">通过绑定的邮箱</p>
                        <p class="infotext">安全链接将发送到你绑定的邮箱</p>
                    </div>
                    <div class="btn find-button fl" id="goToEmail">立即找回</div>
                </div>
            </div>
            <div class="find-type" id="mobile-box">
                <div class="find-body clearfix">
                    <i class="icon-redphone fl"></i>
                    <div class="type fl">
                        <p class="blod">通过短信验证</p>
                        <p class="infotext">如果您的<span id="userName1" data-mobile=""></span>手机号还在使用，可选择此方式</p>
                    </div>
                    <div class="btn find-button fl" id="goToMobile">立即找回</div>
                </div>
            </div>
        </div>
    </div>
</div>
<div class="status3 show">
    <div class="status3_0">
        <div class="user-body">
            <div class="step step3">
                <span class="step-text step1-text">确认账号</span>
                <span class="step-text step2-text">选择验证方式</span>
                <span class="step-text step3-text active">验证/修改</span>
                <span class="step-text step4-text">完成</span>
            </div>
            <div class="user-tip-1">您正在通过&quot;短信验证&quot;方式重置登录密码</div>
            <input type="hidden" th:value="${id}" id="id"/>
            <div id="step5" class="bar-body">
                <div class="item-body">
                    <div class="tac">
                        <i class="icon-success"></i>
                        <span class="item-title f18">验证通过，请修改您的登录密码</span>
                    </div>
                    <div class="item-outer mt40">
                        <div class="clearfix">
                            <div class="item fl">
                                <div class="input-con clearfix">
                                    <i class="icon-password icon-lock fl"></i>
                                    <input type="password" id="pwd" class="text" placeholder="请输入新密码"/>
                                </div>
                            </div>
                        </div>
                        <span class="theme" id="pwdError"></span>
                    </div>
                    <div class="item-outer">
                        <div class="clearfix">
                            <div class="item fl">
                                <div class="input-con clearfix">
                                    <i class="icon-password icon-lock1 fl"></i>
                                    <input type="password" id="pwdRepeat" class="text" placeholder="请再次输入密码"/>
                                </div>
                            </div>
                        </div>
                        <span class="theme" id="pwdError2"></span>
                    </div>
                    <div class="btn next mt30" id="updatePwd">提交</div>
                </div>
            </div>
        </div>
    </div>
    <div class="status3_1">
        <div class="user-body">
            <div class="step step1">
                <span class="step-text step1-text">确认账号</span>
                <span class="step-text step2-text">选择验证方式</span>
                <span class="step-text step3-text active">验证/修改</span>
                <span class="step-text step4-text">完成</span>
            </div>
            <div class="user-tip">您正在通过&quot;绑定的邮箱&quot;方式进行验证/修改</div>
            <div id="step3" class="bar-body">
                <div class="item-body">
                    <div class="item">
                        <i class="fa fa-info-circle orange"></i>
                        <span class="item-title f20">邮件已发送</span>
                    </div>
                    <div class="item none">
                        <div class="item-text">
                            请到<span id="email_address"></span>查阅来自迎天下的邮件，点击邮件中的链接进行下一步操作
                        </div>
                    </div>
                    <div class="item none" style="height:40px;">
                        <a id="goEmail" class="block">
                            <button class="btn next">
                                <!--/*@thymesVar id="url" type="java.lang.String"*/-->
                                去邮箱收信
                            </button>
                        </a>
                        <span class="return" id="emailReturn">上一步</span>
                    </div>
                    <div class="item max">
                        <div class="explain">
                            <span class="title">没有收到邮件？</span>
                            <ul>
                                <li>请先检查是否在垃圾箱中，如果还未收到，请重新发送邮件</li>
                                <a href="javascript:void(0);" id="toEmail">
                                    <button class="btn default" id="getEmail">重新发送邮件</button>
                                </a>
                                <li>还是没收到？请选择<a href="javascript:void(0);" id="other_type">其他找回方式</a></li>
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="status3_2">
        <div class="user-body">
            <div class="step step3">
                <span class="step-text step1-text">确认账号</span>
                <span class="step-text step2-text">选择验证方式</span>
                <span class="step-text step3-text active">验证/修改</span>
                <span class="step-text step4-text">完成</span>
            </div>
            <div class="user-tip-1">您正在通过&quot;短信验证&quot;方式重置登录密码</div>
            <div class="user-tip-2">绑定的手机号：<span id="userMobile"></span></div>
            <div id="step4" class="bar-body">
                <div class="item-body">
                    <div class="item-outer clearfix hidden" id="captchaParent">
                        <div class="item small fl">
                            <div class="input-con clearfix">
                                <i class="icon-password icon-captcha fl"></i>
                                <input title="安全验证" type="text" id="captcha" placeholder="字符验证码" class="captchaInput"/>
                            </div>
                        </div>
                        <a href="javascript:void(0);" class="captchaCon fl" id="captchaCon"><img width="130px" height="46px" src="/captcha"/></a>
                    </div>
                    <div class="item-outer">
                        <div class="clearfix">
                            <div class="item small fl">
                                <div class="input-con clearfix">
                                    <i class="icon-password icon-phone fl"></i>
                                    <input title="短信验证码" type="text" id="mobileCode" placeholder="短信验证码" class="captchaInput"/>
                                </div>
                            </div>
                            <div class="btn default fl" id="getMobileCode">获取短信验证码</div>
                        </div>
                        <label class="tips" id="codeError"></label>
                    </div>
                    <div class="clearfix pt50">
                        <a href="javascript:void(0);" class="btn next-step fl" id="setPwdByMobile">下一步</a>
                        <a href="javascript:void(0);" class="btn next-step return fl" id="mobileReturn">上一步</a>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<div class="status4">
    <div class="user-body">
        <div class="step step4">
            <span class="step-text step1-text">确认账号</span>
            <span class="step-text step2-text">选择验证方式</span>
            <span class="step-text step3-text">验证/修改</span>
            <span class="step-text step4-text active">完成</span>
        </div>
        <div class="user-tip"></div>
        <div id="step6" class="bar-body">
            <div class="tac">
                <i class="icon-success"></i>
                <span class="item-title f24">您已经成功修改了登录密码，请妥善保管</span>
            </div>
            <div class="item-body">
                <div class="btn next" id="gotoHome" onclick="location.href='/login/index'">去登录</div>
            </div>
        </div>
    </div>
</div>
<div class="footer">
    <div class="footer-help">
        <a th:href="${indexDomain+'/ytx-help/views/help_center.php?id=14'}">关于我们</a>
        <span class="foot-line"></span>
        <a th:href="${indexDomain+'/ytx-help/views/help_center.php?id=29'}">购物指南</a>
        <span class="foot-line"></span>
        <a th:href="${indexDomain+'/ytx-help/views/help_center.php?id=9'}">常见问题</a>
        <span class="foot-line"></span>
        <a th:href="${indexDomain+'/ytx-help/views/help_center.php?id=10'}" class="last">支付方式</a>
        <span class="foot-line"></span>
        <a th:href="${applyDomain}">商家入驻</a>
    </div>
    <div class="copyright">
        <span class="c999">ICP备案号：陕ICP备15013591号</span>
        <span class="c999">© 2015-2016 ytx.com 版权所有</span>
    </div>
</div>
<script th:inline="javascript">
    var thymeleafData = {
        needCaptcha : [[${needCaptcha}]]
    };
</script>
<script src="../../static/js/jquery-1.11.3.min.js" th:src="${'/static/js/jquery-1.11.3.min.js?v='+version}"></script>
<script src="../../static/js/jquery.placeholder.min.js" th:src="${'/static/js/jquery.placeholder.min.js?v='+version}"></script>
<script src="../../static/js/layer/layer.js" th:src="${'/static/js/layer/layer.js?v='+version}"></script>
<script src="../../FEtest/test/forgetpassword.js" th:src="${'/static/js/account/forgetpassword.min.js?v='+version}" ></script>
</body>
</html>